<template>
    <div class="flex items-center">
      <i class="ri-checkbox-fill ri-xl text-blue-500" v-if="modelValue.indexOf(value)>=0"></i>
      <i class="ri-checkbox-blank-line ri-xl text-gray-500" v-else></i>
      <div class="px-2" v-if="title">{{title}}</div>
    </div>
</template>
<script setup>
  const props = defineProps({
    value: '',
    title: '',
    modelValue: {
      type: Array
    }
  })
</script>